<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <title>Schedule</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.3.2.css" />
</head>
<body class="ui-mobile-viewport ui-overlay-e">
	<div id="SchedulePage" data-url="SchedulePage" data-role="page" data-theme="d">
		<div data-role="header" data-theme="d">
			<h1>Schedule</h1>
		</div>
		<div data-role="content">
			<span id="schedule-page">
                <label id="week_num"></label><br/>
                <div data-role="navbar">
                    <ul>
                        <li>
                            <a onclick="$.mobile.changePage( 'day1.html', { transition: 'slide', changeHash: false });" data-theme="d" id="day1">Day 1</a>
                            <a onclick="$.mobile.changePage( 'day2.html', { transition: 'slide', changeHash: false });" data-theme="d" id="day2">Day 2</a>
                            <a onclick="$.mobile.changePage( 'day3.html', { transition: 'slide', changeHash: false });" data-theme="d" id="day3">Day 3</a>
                        </li>
                    </ul>
                </div>
			</span>
		</div>
	</div>

	<script type="text/javascript" src="phonegap.js"></script>
	<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
	<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
    <script type="text/javascript" src="js/Helpers/md5.js"></script>
    <script type="text/javascript" src="js/Controllers/profilecontroller.js"></script>
    <script type="text/javascript" src="js/Controllers/schedulecontroller.js"></script>
</body>
</html>
